html,body{
	padding: 0;
	margin:0;
}

body{
	font-size:12px;
}

div.buttons{
	margin: 5px 0;
	overflow: auto;
}

div.buttons a{
	display: block;
	float: left;
	color: #303030;
	padding: 0 15px;
	line-height: 25px;
	border: 1px solid #e0e0e0;
	background-color: #f0f0f0;
	border-radius: 5px;
}

div.buttons a:hover{
	background-color: #60aa60;
	border: 1px solid #60aa60;
}

div.main-navigation ul,
div.main-content{
	overflow: auto;
	width: 1000px;
	margin: 0 auto;
	padding: 0;
}

div.main-navigation{
	background-color: #606060;
}

div.main-navigation ul{
	
}

div.main-navigation ul li{
	float:left;
	list-style-type: none;
}

div.main-navigation ul li a{
	display: block;
	padding: 15px 20px;
	text-decoration: none;
	color: #ffffff;
	background-color: #404040;
	border-right: 1px solid #606060;
}

table{
	border: 1px solid #333333;
	border-collapse: collapse;
	width: 100%;
}

th{
	text-align: left;
	background-color: #333333;
	color: #ffffff;
}

th,td{
	border-bottom: 1px solid #333333;
	padding: 5px 10px;
}

tr.odd{
	background-color: #f0f0f0;
}

/*************************************************************/

div.info{
    height: 24px;
    padding: 6px 0 0 5px;
}

div.info img.ajax-loader{
    display: block;
	float: left;
}
div.info span.tick{
    font-size: 18px;
    font-weight: bold;
    padding-left: 24px;
}
div.chat-content-wrap{
    padding: 0;
    margin-bottom: 30px;
    height: 400px;
    overflow: auto;
}

ul.chat-content{
    margin: 0;
    padding: 0;
}

ul.chat-content li{
    list-style-type: none;
    border-bottom: 1px dashed #e0e0e0;
    line-height: 30px;
    overflow: auto;
}

ul.chat-content li.odd{
    background-color: #f0f0f0;
}

ul.chat-content li span.name{
    padding-right: 20px;
    font-weight: bold;
}
ul.chat-content li span.datetime{
    color: #c0c0c0;
}

form input.name,
form input.content{
    padding: 5px;
}

form input.name{
    width: 200px;
}

form input.content{
    width: 700px;
}

.test{color:red;}